
<el-aside width="200px" style="background-color: rgb(238, 241, 246)">
<el-menu :default-openeds="[]">
  <el-submenu index="1">
    <template #title><i class="el-icon-message"></i>学生信息</template>
    <el-menu-item-group>
      <el-menu-item index="1-1" @click="active=1">个人信息</el-menu-item>
      <el-menu-item index="1-2" @click="active=0">学生信息</el-menu-item>
    </el-menu-item-group>
  </el-submenu>
  <el-submenu index="2">
    <template #title><i class="el-icon-menu"></i>学分详情</template>
    <el-menu-item-group>
      <template #title>分组一</template>
      <el-menu-item index="2-1">选项1</el-menu-item>
      <el-menu-item index="2-2">选项2</el-menu-item>
    </el-menu-item-group>
    <el-menu-item-group title="分组2">
      <el-menu-item index="2-3">选项3</el-menu-item>
    </el-menu-item-group>
    <el-submenu index="2-4">
      <template #title>选项4</template>
      <el-menu-item index="2-4-1">选项4-1</el-menu-item>
    </el-submenu>
  </el-submenu>
  <el-submenu index="3">
    <template #title><i class="el-icon-setting"></i>申请邮箱</template>
    <el-menu-item-group>
      <template #title>请求</template>
      <el-menu-item index="3-1">待审批</el-menu-item>
      <el-menu-item index="3-2">已审批</el-menu-item>
      <el-menu-item index="3-3">拒审批</el-menu-item>
    </el-menu-item-group>
    <el-menu-item-group title="申诉">
      <el-menu-item index="3-4">待审批</el-menu-item>
      <el-menu-item index="3-5">已审批</el-menu-item>
      <el-menu-item index="3-6">拒审批</el-menu-item>
    </el-menu-item-group>
  </el-submenu>
</el-menu>
</el-aside>
<script>
export default {
  name:'Aside',
  setup(){

  }
}
</script>

